<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
	<title>博众供应商管理系统</title>
	<meta charset="UTF-8"/>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<link rel="icon" type="image/png" href="images/icons/favicon.ico"/>
	<link rel="stylesheet" type="text/css" th:href="@{static/srm/vendor/bootstrap/css/bootstrap.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{static/srm/fonts/font-awesome-4.7.0/css/font-awesome.min.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{static/srm/css/main.css}"/>
	<!--[if IE 9]> 
		<link rel="stylesheet" type="text/css" th:href="@{static/srm/css/fixie9.css}"  />
	 <![endif]-->
	<!--[if lte IE 8]>
	    <link rel="stylesheet" type="text/css" th:href="@{static/srm/css/fixielt8.css}"  />
	<![endif]--> 
</head>
<body>
	<div class="limiter">
		<div class="container-login100"><!-- 背景图 -->
		<div class="bg-color"><!-- 背景色 -->
			<div class="wrap-login100 container">
				<div class="row">
					<div class="col-md-12" >
						<div class="head" >
							<div >
								<img th:src="@{static/srm/images/logo.png}" alt="bozhon" ></img>
								<p class="txt3">&nbsp;/SRM</p>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<!-- 登陆图片 -->
					<div class="col-md-6 " style="margin: auto;">
						<div class="login100-pic js-tilt" data-tilt="" style="margin: auto;">
							<img th:src="@{static/srm/images/img-02.jpg}" alt="bozhon"></img>
						</div>
					</div>
					<!-- /登陆图片 -->

					<!-- 登陆表格 -->
					<div class="col-md-6 " style="margin: auto;">
					<form class="login100-form validate-form" style="margin: auto;" th:action="@{/login}" method="post">
						<span class="login100-form-title">
							博众供应商管理系统
						</span>

						<div class="wrap-input100 validate-input" data-validate = "请输入用户名">
							<input class="input100" type="text" name="username" placeholder="用户名" data-validate = "请输入用户名"/>
							<span class="focus-input100"></span>
							<span class="symbol-input100">
								<i class="fa fa-user" aria-hidden="true"></i>
							</span>
						</div>

						<div class="wrap-input100 validate-input" data-validate = "请输入密码">
							<input class="input100" type="password" name="password" placeholder="密码" data-validate = "请输入密码"/>
							<span class="focus-input100"></span>
							<span class="symbol-input100">
								<i class="fa fa-lock" aria-hidden="true"></i>
							</span>
						</div>

						<div class="wrap-input100 validate-input alert-validate-60" data-validate = "请输入正确的验证码">
							<input class="input100 input60" type="text" name="validateCode" placeholder="验证码"  data-validate = "请输入正确的验证码"/>
							<input type="hidden" name="loginType" value="1" />
							<span class="focus-input100"></span>
							<span class="symbol-input100">
								<i class="fa fa-puzzle-piece" aria-hidden="true"></i>
							</span>
							<a href="javascript:reloadImg()"><img id="verification-code" th:src="@{authImage}" ></img></a>
						</div>
						
						
						<div class="container-login100-form-btn">
							<input type="submit" class="login100-form-btn" value="登陆" />
								
						</div>
						<div class="text-center p-t-12 show-validate">
							<span class="txt5">编码不能为空！</span>
						</div>
						<!-- <div class="text-center p-t-12">
							<span class="txt1">
								忘记
							</span>
							<a class="txt2" href="#">
								用户名 / 密码
							</a>
						</div> -->
					</form>
					</div>
					<!-- /登陆表格 -->
				</div>
				<div class="row">
					<div class="col-md-12" >
						<div class="bottom-links" >
							<a class="txt2" href="http://www.bozhon.com" target="_blank">
								www.bozhon.com  | 
							</a>
							<a class="txt2" href="http://m.kuaidi100.com/" target="_blank">
								查询快递  | 
							</a>
							<span class="txt1">
								举报信箱:
							</span>
							<a class="txt2" href="mailto:lsina@bozhon.com">
								lsina@bozhon.com
							</a>
							
						</div>
					</div>
				</div>
			</div>
		</div><!-- /背景色 -->
		</div><!-- /背景图 -->
	</div>
	
	

	<!--[if lte IE 8]>
	    <script th:src="@{static/srm/vendor/jquery/jquery-1.9.1.min.js}"></script>
	    <script th:src="@{static/srm/js/mainfixie8.js}"></script>
	<![endif]--> 
	
	<script th:src="@{static/srm/vendor/jquery/jquery-3.2.1.min.js}"></script>
	
	<script th:src="@{static/srm/vendor/bootstrap/js/popper.js}"></script>
	<script th:src="@{static/srm/vendor/bootstrap/js/bootstrap.min.js}"></script>
	
	<script th:src="@{static/srm/js/main.js}"></script>
	
		<script type="text/javascript" th:inline="javascript"> 
		/*<![CDATA[*/
		var basePath = /*[[${basePath}]]*/;
		function reloadImg(){
			$("#verification-code").attr("src",basePath+"/authImage?date="+new Date());
		}
		/*]]>*/
		</script>
</body>
</html>